@import '~antd/dist/antd.css';

.sc-calendar{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 50rem;
    &-lang{
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 999;
       
    }
    &-body{
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        &-cell{
            width: 100%;
            text-align: right;
            &-lunar{
                font-size: 14px;
                font-weight: 700;
            }
            &-ganzhi{
                font-size: 12px;
                font-weight: 200;
            }
            &-holiday:hover{
               
            }
            &-holiday{
                position:absolute;
                top: 0;
                z-index: -1;
                left: 0;
                width: 100%;
                border: 2px solid red;
                height: 100%;
                background-color: rgb(253, 247, 244);
                &-icon{
                    position: absolute;
                    color: red;
                    font-size: smaller;
                    font-weight: 700;
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    top: 1px;
                    left: 5px;

                }
                &-name{
                    position: absolute;
                    color: gray;
                    font-size: 16px;
                    font-weight: 400;
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    bottom: 5px;
                    right: 5px;

                }
            }
            &-energy{
                position:absolute;
                top: 0;
                z-index: -2;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgb(246, 203, 154);
                &-icon{
                    position: absolute;
                    color: red;
                    font-size: smaller;
                    font-weight: 700;
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    top: 1px;
                    left: 5px;

                }
                &-name{
                    position: absolute;
                    color: red;
                   
                    font-size: medium;
                    font-weight: 700;
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    bottom: 10px;
                    right: 5px;

                }
            }
            &-work{
                position:absolute;
                top: 0;
                z-index: -3;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgb(232, 246, 251);
                &-icon{
                    position: absolute;
                    color: red;
                    font-size: smaller;
                    font-weight: 700;
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    top: 1px;
                    left: 5px;

                }
                &-name{
                    position: absolute;
                    color: red;
                   
                    font-size: medium;
                    font-weight: 700;
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    bottom: 10px;
                    right: 5px;

                }
            }
        }
    }
}
.ant-picker-calendar-date-value{
    font-size: 20px;
    font-weight: 900;
}

